<template>
<!--  岚精灵测试页面，勿删！！！-->
  <div class="addtalk">
    <div class="top-title">
      <div class="top_left" @click="go_back">
        <van-icon name="arrow-left"/>
      </div>
      <div class="top_second">
        {{ title }}
      </div>
      <div class="top_right" @click="submit">
        <van-button class="submit_button" type="info">发布</van-button>
      </div>
    </div>
    <van-notice-bar scrollable left-icon="volume">
      温馨提示：发布请注意文明用语！良言一句三冬暖，恶语伤人六月寒！
    </van-notice-bar>

    <div class="achievement-container">
      <h1>test</h1>
      <h1>test</h1>
      <h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1>
      <h1>test</h1>
      <h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1>
      <h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
      <h1>test</h1><h1>test</h1>
    </div>
  </div>

</template>

<script setup lang="ts">
import { useRoute } from 'vue-router';
import {computed, ref} from "vue";
import router from "../../Router";

const route = useRoute();

const title = computed(() => route.meta.title || '未知页面');


function go_back(){
  router.push("/cqust/index")
  // location.reload()
  router.push("/cqust/index")
}
function submit(){
  alert("提交成功！")
}
</script>

<style scoped>
.addtalk {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.achievement-container {
  height: 100vh; /* 根据需要设置固定高度 */
  overflow-y: auto; /* 允许垂直滚动 */
  padding: 10px; /* 内边距 */
}
.top-title {
  height: 40px;
  background-color: #f8f8f8;
  padding: 10px;
  text-align: left;
  font-size: 20px;
  color: #682757;
  line-height: 40px;
  overflow: hidden;
}
.top_left{
  display: inline-block;
}
.top_second{
  display: inline-block;
  margin-left: 20px;
}
.top_right{
  line-height: 30px;
  display: inline-block;
  float: right;
}
.submit_button{
  background-color: #682757;
  color: #f9f9f9;
  border-radius: 60px;
  width: 70px;
  height: 35px;
  border: none;
}
</style>